/**
* @Author luof
* @Date 2024/6/21 14:25
* @Description 支付配置
*/
<template>
  <el-form
      :label-position="labelPosition"
      label-width="auto"
      :model="formLabelAlign"
      style="max-width: 600px"
  >
    <el-form-item label="Name">
      <el-input v-model="formLabelAlign.name"/>
    </el-form-item>
    <el-form-item label="Activity zone">
      <el-input v-model="formLabelAlign.region"/>
    </el-form-item>
    <el-form-item label="Activity form">
      <el-input v-model="formLabelAlign.type"/>
    </el-form-item>
    <el-form-item>
      <el-button type="success">
        Create
      </el-button>
    </el-form-item>
  </el-form>
</template>

<script setup lang="ts">
import {reactive, ref} from 'vue'
import type {FormProps} from 'element-plus'

const labelPosition = ref<FormProps['labelPosition']>('top')

const formLabelAlign = reactive({
  name: '',
  region: '',
  type: '',
})
</script>

<style scoped lang="less">

</style>